
<template>
  <div class="h hidden-xs-only bg-purple">pc端页面待开发，请使用手机查看</div>
  <div class="h hidden-sm-and-up bg-purple-light">
    <el-container>
      <router-view></router-view>
      <el-footer>
        <Footer></Footer>
      </el-footer>
    </el-container>
  </div>
</template>

<script setup>
import Footer from './Footer'
</script>

<style lang='less' scoped>
/deep/.bg-primary {
  color: #fff;
  background-color: #409eff;
}
.h {
  height: 100%;
}
.el-col {
  border-radius: 4px;
}
/deep/.bg-purple {
  background: #d3dce6;
}
/deep/.bg-purple-light {
  background: #e5e9f2;
}
.grid-content {
  border-radius: 4px;
  min-height: 36px;
}
.el-container {
  height: 100%;
}
/deep/.el-header {
  height: 45px !important;
  padding: 0px 5px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /deep/ .el-input__inner {
    border-radius: 30px !important;
    height: 35px !important;
  }
}
/deep/.el-main {
  /* height: 84% !important; */
  padding: 10px 15px;
}
.el-footer {
  padding: 0;
  height: 50px !important;
  z-index: 1;
}
</style>
